<!DOCTYPE html>
<html lang="en">
<head>
	<title>Axes | About Us</title>

	<meta charset="utf-8">

	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- Google Fonts -->
	<link href='http://fonts.googleapis.com/css?family=Lato:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>

	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
	
 	<!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" type="text/css" href="css/lightbox.min.css" media="all"/>   
	<link rel="stylesheet" type="text/css" href="css/stroke-gap-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/pe-icon-7-stroke.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/elegant-icons.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/animate.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/flexslider.css" media="screen" />
	
	<link rel="shortcut icon" href="upload/favicon.ico" type="image/x-icon">
	<link rel="icon" href="upload/favicon.ico" type="image/x-icon">

</head>

<body>
	<!-- Preloader -->
	<div id="preloader">
	    <div id="status">&nbsp;</div>
	</div>

	<header>
	<!-- Navbar -->
	    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
	    	<nav class="navigation">
		      	<div class="container">
			        <div class="navbar-header">
			        	<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				            <span class="sr-only">Toggle navigation</span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
				            <span class="icon-bar"></span>
			        	</button>	        	 
						<!-- Logo -->
						<div class="logo">
				        	<a href="index.html">
				        		<img class="small-logo" src="upload/logo-dark.png" alt="logo">
				          	</a>
			        	</div>         
			        </div> <!-- end navbar-header -->

			        <div class="collapse navbar-collapse" id="navbar-collapse">
			          
			        	<ul class="nav navbar-nav navbar-right">

				          	<li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Home</a>
				                <ul class="dropdown-menu sub-menu">
				                	<li><a href="index.html">Multi-Page Demo</a></li>
				                	<li><a href="home-onepage.html">Onepage Demo</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Portfolio</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="portfolio-4-col.html">4 Columns</a></li>
				                	<li><a href="portfolio-3-col.html">3 Columns</a></li>
				                	<li><a href="portfolio-2-col.html">2 Columns</a></li>
				                	<li><a href="portfolio-single.html">Single Project</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Features</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="shortcodes.html">Shortcodes</a></li>
				                	<li><a href="typography.html">Typography</a></li>
				                	<li><a href="pricing.html">Pricing Tables</a></li>
				          	    </ul>
				            </li>
				            
				            <li class="dropdown">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Blog</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="blog-standard.html">Standard</a></li>
				                	<li><a href="blog-masonry.html">Masonry</a></li>
				                	<li><a href="blog-single.html">Single Post</a></li>
				          	    </ul>
				            </li>

				            <li class="dropdown active">
				            	<a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown">Pages</a>
				            	<ul class="dropdown-menu sub-menu">
				                	<li><a href="services.html">Services</a></li>
				                	<li><a href="about-us.html">About Us</a></li>
				                	<li><a href="contact.html">Contact</a></li>
				                	<li><a href="404.html">404</a></li>
				          	    </ul>
				            </li>

				            <li>
				            	<div id="search">
				            		<i class="pe-7s-search search-trigger"></i>
				            	</div>
				            	<div class="search-bar">
					            	<div class="search-wrap">
										<form role="form">
										    <div class="form-group">
											    <input type="search" class="form-control searchbox" placeholder="Search">
									    	</div>
									    	<button type="submit" class="search-button"><i class="pe-7s-search"></i></button>
									    </form>
								    </div>
								</div>
				            </li>
				            <li><div id="cart"><a href="#" id="cart-trigger"><i class="pe-7s-shopbag"></i><span>5</span></a></div></li>		
			        	</ul> <!-- end menu -->
			        </div> <!-- end collapse -->    
	      		</div> <!-- end container -->
	      	</nav> <!-- end navigation -->
	    </nav> <!-- End Navbar -->
	</header>

	<div class="main-wrapper">

	<!-- Page Title -->
		<section id="page-title">
			<div class="container clearfix">
				<h1>About Us</h1>
				<ol class="breadcrumb">
					<li>
						<a href="index.html">Home</a>
					</li>
					<li>
						<a href="#">Pages</a>
					</li>
					<li class="active">
						About Us
					</li>
				</ol> <!-- end breadcrumbs -->
			</div> <!-- end container -->
		</section> <!-- end page title -->

	<!-- Intro -->
		<section class="about-us-intro">
			<div class="container-fluid">
				<div class="row">

					<div class="col-md-6 oh">
						<img src="upload/about_us_intro.jpg" alt="">	
					</div> <!-- end col -->

					<div class="col-md-6">
						<div class="about-intro">
							<h2>We Are Passionate Agency</h2>
							<p class="subheading mt20">
								We possess within us two minds.<br> So far I have written only of the conscious mind.
							</p>
							<p class="mt20">
								And finally the subconscious is the mechanism through which thought impulses which are repeated regularly with feeling and emotion are quickened, charged and changed into their physical equivalent. You may voluntarily plant in your subconscious mind any plan, thought or purpose which you desire.
							</p>
							<ul>
								<li><i class="icon icon_box-checked"></i>10 Years on the Global Market</li>
								<li><i class="icon icon_box-checked"></i>167 Projects Completed</li>
								<li><i class="icon icon_box-checked"></i>We Like To Drink Coffee</li>
							</ul>
						</div>						
					</div> <!-- end col -->
					
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end about us intro -->


		<!-- Our Team -->
		<section class="section-wrap our-team bg-light">
			<div class="container">
				<h2 class="text-center">Awesome Team</h2>
				<p class="subheading text-center">Creative Nerds</p>
				<div class="main-border blue"></div>

				<ul id="team" class="clearfix">
					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_1.jpg" alt="team member 1">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Joeby Ragpa</h5>
							<span>CEO of Company</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_2.jpg" alt="team member 2">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Michael Doe</h5>
							<span>Lead Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_3.jpg" alt="team member 3">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Jomelle Curtis</h5>
							<span>Front-End Developer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->

					<li class="team-member">
						<div class="team-img">
							<img src="upload/team_member_4.jpg" alt="team member 4">
						</div>
						<div class="team-details text-center">
							<h5 class="team-title">Alex Green</h5>
							<span>Creative Designer</span>
							<div class="team-socials">
								<a href="#"><i class="fa fa-facebook"></i></a>
								<a href="#"><i class="fa fa-twitter"></i></a>
								<a href="#"><i class="fa fa-google-plus"></i></a>
								<a href="#"><i class="fa fa-envelope"></i></a>
							</div>
						</div>
					</li> <!-- end team member -->
				</ul>
			</div> <!-- end container -->
		</section> <!-- end our team -->

		
		<!-- Results -->
		<section class="section-wrap results-parallax">
			<div class="container">
				<h2 class="text-center heading-white">Our Results</h2>
				<p class="subheading text-center">What We Have Reached</p>
				<div class="main-border blue"></div>

				<div class="row mt30">
					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="547">&nbsp;</span>
							<h5 class="counter-text">Happy Clients</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="1024">&nbsp;</span>
							<h5 class="counter-text">Projects Completed</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="3589">&nbsp;</span>
							<h5 class="counter-text">Lines of Code</h5>
						</div>
					</div> <!-- end col -->

					<div class="col-sm-3 text-center">
						<div class="statistic">
							<span class="timer" data-from="0" data-to="999">&nbsp;</span>
							<h5 class="counter-text">Pizzaz eaten</h5>
						</div>
					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end results -->


		<!-- Core Features -->
		<section class="section-wrap core-features">
			<div class="container">			
				<div class="row mt-38">

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Tools"></i>
							</div>
							<h5>Easy to Customize</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Timer"></i>
							</div>
							<h5>2 Minutes Install</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Notes"></i>
							</div>
							<h5>Well Documented</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
				</div> <!-- end row -->

				<div class="row">

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Search"></i>
							</div>
							<h5>SEO Optimized</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->

					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Layers"></i>
							</div>
							<h5>Parallax Sections</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
					<div class="col-sm-4">
						<div class="features-item">
							<div class="features-icon">
								<i class="icon icon-Drop"></i>
							</div>
							<h5>Unlimited Colors</h5>
							<p>We possess within us two minds. So far I have written only of the conscious mind. Axes Theme is the Best.</p>
						</div>
					</div> <!-- end features item -->
					
				</div> <!-- end row -->

			</div> <!-- end container -->
		</section> <!-- end core features -->


		<!-- Testimonials -->
		<section class="section-wrap testimonials-slider">
			<div class="container">
				<h2 class="heading-white text-center">Happy Clients</h2>
				<div id="owl-testimonials" class="owl-carousel owl-theme">

					<div class="item">
						<img src="upload/testimonials_img_1.jpg" class="testimonials-img" alt="testimonials-img-1">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">John Doe</h5>
							<span>CEO of Company</span>
							<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
						</div>
					</div> <!-- end first testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_2.jpg" class="testimonials-img" alt="testimonials-img-2">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Christopher Michaels</h5>
							<span>CEO of Company</span>
							<p>If you want to rate this item 5 stars it’s very simple. After buyng this Theme click on your account, than go to Downloads and you will see this Theme there, just click on 5 stars.</p>
						</div>
					</div> <!-- end second testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_3.jpg" class="testimonials-img" alt="testimonials-img-3">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Malyn Baga</h5>
							<span>CEO of Company</span>
							<p>I bought Axes Theme one week ago for the website of my company. I was totaly surprised, when I saw how good and professional layers organized in this Theme.</p>
						</div>
					</div> <!-- end third testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_4.jpg" class="testimonials-img" alt="testimonials-img-4">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Alex Green</h5>
							<span>CEO of Company</span>
							<p>If you want to rate this item 5 stars it’s very simple. After buyng this Theme click on your account, than go to Downloads and you will see this Theme there, just click on 5 stars.</p>
						</div>
					</div> <!-- end fourth testimonial -->

					<div class="item">
						<img src="upload/testimonials_img_5.jpg" class="testimonials-img" alt="testimonials-img-5">
						<div class="testimonials-box text-center">
							<h5 class="testimonial-name">Monica Geller</h5>
							<span>CEO of Company</span>
							<p>This template is so awesome. I didn’t expect so many features inside. E-commerce pages are very useful, you can launch your online store in few seconds. I will rate 5 stars.</p>
						</div>
					</div> <!-- end fifth testimonial -->
					
				</div> <!-- end owl carousel-->	
			</div> <!-- end container -->
		</section> <!-- end testimonials -->

		
		<!-- Partners -->
		<section class="partners-light">
			<div class="container">
				<div class="row">

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_1.png" alt="partner logo 1">
						</a>
					</div> <!-- end first logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_2.png" alt="partner logo 2">
						</a>
					</div> <!-- end second logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_3.png" alt="partner logo 3">
						</a>
					</div> <!-- end third logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_4.png" alt="partner logo 4">
						</a>
					</div> <!-- end fourth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_5.png" alt="partner logo 5">
						</a>
					</div> <!-- end fifth logo -->

					<div class="col-md-2 col-sm-4 col-xs-6">
						<a href="#">
							<img src="upload/partner_logo_dark_6.png" alt="partner logo 6">
						</a>
					</div> <!-- end last logo -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end partners -->


		<!-- Call to Action -->
		<section class="call-to-action parallax">
			<div class="container">			
				<h3 class="cta-subheading text-center">We’ve Used Best Ux Practices</h3>
				<h2 class="text-center mt30">Are you Ready to Enjoy?</h2>
				<div class="col-lg-12 text-center mt40">
					<a href="#" id="cta-button-blue-solid" class="btn btn-large btn-rounded btn-light-solid">Buy Now</a>
				</div>
			</div> <!-- end container -->
		</section> <!-- end call to action -->

		
	<!-- Footer -->
		<footer id="footer">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">
						<div class="col-md-3">
							<div class="footer-about-us">
								<h5 class="heading-white">About Us</h5>
								<p>We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious.</p>
								<div class="social-icons">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a href="#"><i class="fa fa-twitter"></i></a>
									<a href="#"><i class="fa fa-google-plus"></i></a>
									<a href="#"><i class="fa fa-linkedin"></i></a>
									<a href="#"><i class="fa fa-pinterest-p"></i></a>
									<a href="#"><i class="fa fa-instagram"></i></a>
								</div>
							</div>
						</div> <!-- end about us -->

						<div class="col-md-3">
							<h5 class="heading-white">Stay in Touch</h5>
							<div class="office-1">
								<p>New York office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
							<div class="office-2">
								<p>Melbourne office</p>
								<p>Phone: + 1 888 1554 456 123</p>
								<p>Email: <a href="mailto:axescompany@gmail.com">axescompany@gmail.com</a></p>
							</div>
						</div> <!-- end stay in touch -->

						<div class="col-md-3">
							<h5 class="heading-white">Latest Posts</h5>
							<div class="footer-posts">
								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Axes is a simple and flexible</a>
									</h6>
									<span>11 Apr, 2015 / <a href="blog-single.html">10 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">This is perfect solution for you</a>
									</h6>
									<span>08 Apr, 2015 / <a href="blog-single.html">03 comments</a></span>
								</div> <!-- end entry -->

								<div class="footer-entry">
									<h6>
										<a href="blog-single.html">Clean and flexible theme</a>
									</h6>
									<span>05 Apr, 2015 / <a href="blog-single.html">05 comments</a></span>
								</div> <!-- end entry -->
							</div> <!-- end footer posts -->
						</div> <!-- end latest posts -->

						<div class="col-md-3">
							<h5 class="heading-white">Recent Works</h5>
							<ul class="recent-works">
								<li>
									<a href="#">
										<img src="upload/recent_works_img_1.jpg" alt="img1">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_2.jpg" alt="img2">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_3.jpg" alt="img3">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_4.jpg" alt="img4">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_5.jpg" alt="img5">
									</a>
								</li>
								<li>
									<a href="#">
										<img src="upload/recent_works_img_6.jpg" alt="img6">
									</a>
								</li>
							</ul>
						</div> <!-- end recent works -->
					</div> <!-- end row -->
				</div> <!-- end footer widgets -->			
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">
						<div class="col-xs-12 text-center">
							<div class="copyright">
								©2015 Axes Theme  |  Designed by <a href="http://deothemes.com/">DeoThemes</a>
							</div>
						</div> <!-- end col -->
					</div> <!-- end row -->
				</div> <!-- end container -->
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->
	

	<!-- jQuery Scripts -->
	<script src="js/jquery.min.js"></script>
 	<script type="text/javascript" src="js/lightbox.min.js"></script>	
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/bootstrap-hover-dropdown.min.js"></script>
	<script type="text/javascript" src="js/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/jquery.countTo.js"></script>
	<script type="text/javascript" src="js/jquery.appear.js"></script>
	<script type="text/javascript" src="js/plugins-scroll.js"></script>
	<script type="text/javascript" src="js/isotope.pkgd.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/jquery.easypiechart.min.js"></script>
	<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
	<script src="js/wow.min.js"></script>

	<!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>

	<!-- Custom Theme JavaScript -->
    <script src="js/scripts.js"></script>

	<!-- Revolution Slider -->
	<script type="text/javascript">
				jQuery(document).ready(function() {
					   jQuery('.tp-banner').revolution(
						{
							delay:9000,
							startwidth:1170,
							startheight:680,
							hideThumbs:10,

							navigationType:"bullet",							
							navigationStyle:"preview1",

							hideArrowsOnMobile:"on",
							
							touchenabled:"on",
							onHoverStop:"on",
							spinner:"spinner4"
						});
				});
	</script>

</body>
</html>